<html>
  <head>
  	<meta name=viewport content=”width=320,initial-scale=1,maximum-scale=1″/>
  	<meta charset=utf-8 />
	
  <style>
   @media screen and (max-width:481px){
		* {
	      margin: 0;
	      padding: 0;
	      font-family: '微软雅黑';
	    }
	    ul{
	    	padding:0px 5px 0 5px;
	    }
	    ul li {
	        border-bottom: 1px solid #F5F5F5;
		    display: block;
		    float: left;
		    height: auto;
		    list-style: none outside none;
	    }
	    .agn-logo {
		    float: left;
		    height: 70px;
		    padding: 10px 10px 0 0;
		    width: 70px;
	    }
	    ul li h1 {
	    	width:71%;
	        float: left;
	        color:#3b3b3b;
		    font-size: 16px;
		    font-weight: normal;
		    margin: 10px 0;
	    }
	    .agn-add-wrapper {
	       float: left;
		    margin: 0;
		    width: 70%;
		    line-height: 1.6em;
	    }
	    .loc {
	      width: 16px;
	      float: left;
	    }
	    .agn-add {
	      color: #999;
	      padding: 0 0 0 24px;
	      display:block;
	      background:url(./images/app/add.png) no-repeat left center;
	      line-height: 27px;
	    }
	    #dibiao{
	    	float:left;
	    }
	}
	
	@media screen and (min-width:481px){
    * {
      margin: 0;
      padding: 0;
      font-family: '微软雅黑';
    }
    ul{
    	padding:0px 5px 0 5px;
    }
    ul li {
        border-bottom: 1px solid #F5F5F5;
	    display: block;
	    float: left;
	    height: auto;
	    list-style: none outside none;
    }
    .agn-logo {
	    float: left;
	    height: 70px;
	    padding: 10px 10px 0 0;
	    width: 70px;
    }
    ul li h1 {
    	width:75%;
        float: left;
	    color:#3b3b3b;
		font-size: 16px;
	    font-weight: normal;
	    margin: 10px 0;
    }
    .agn-add-wrapper {
       float: left;
	    margin: 0;
	    width: 70%;
	    line-height: 1.6em;
    }
    .loc {
      width: 16px;
      float: left;
    }
    .agn-add {
     	 color: #999;
	     padding: 0 0 0 24px;
	     display:block;
	     line-height: 27px;
    }
    .image{

    }
    }
  </style>
  </head>
  <body>
  <ul>
  
  <?php
	foreach ($centers as $c) {
  ?>
  <li>
    
    	<img class="agn-logo" src="<?=Yii::app()->baseUrl?>/images/app/logo.jpg" alt=""/>
    
    <h1> <?= $c["name"] ?></br></h1>
    <p class="agn-add-wrapper">
<!--     		 <img class="loc" src="<?=Yii::app()->baseUrl?>/images/app/add.png"/> -->
     		<span class="agn-add"><?= $c["address"] ?></span>
    </p>
  </li>
      <?php
}
?>
</ul>
</body>
</html>